<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:shiro="http://shiro.apache.org/tags"
    template="../../templates/plantilla.xhtml">

	<ui:define name="content">
		<shiro:hasAnyPermission name="admon_convenios:crear,admon_convenios:consultar">
			<h:form id="formularioBase">
				<p:panel header="#{etq['sifeap.convenios.titulo']}" style="width:100%; text-align:left;">
					<div align="center">
						<h:panelGrid columns="2" style="width:70%;text-align:left;" id="panelCampos" columnClasses="column-template4">
							<h:outputText value="#{etq['sifeap.convenios.nombre']} *" />
							<p:inputText id="nombre" value="#{conveniosManagedBean.nombre}" maxlength="256" style="width:97%" />
							
							<h:outputText value="#{etq['sifeap.convenios.descripcion']}" />
							<p:inputTextarea id="descripcion" value="#{conveniosManagedBean.descripcion}" maxlength="256" style="width:97%" rows="4" autoResize="false"/>
						</h:panelGrid>
						<h:panelGrid columns="5" style="width:70%;text-align:left;" id="panelCamposAsociado" columnClasses="column-template4">
							<h:outputText value="#{etq['sifeap.convenios.direccion']}" />
							<p:inputText id="direccion" value="#{conveniosManagedBean.direccion}" maxlength="256" style="width:97%"/>
							<p:spacer width="25px" height="1px" />
							
							<h:outputText value="#{etq['sifeap.convenios.telefono']} *" />
							<p:inputText id="telefono" value="#{conveniosManagedBean.telefono}" maxlength="30" style="width:95%"/>
							
							<h:outputText value="#{etq['sifeap.convenios.nit']}" />
							<p:inputText id="nit" value="#{conveniosManagedBean.nit}" maxlength="12" style="width:97%"/>
							<p:spacer width="25px" height="1px" />
							
							<h:outputText value="#{etq['sifeap.convenios.correo']} *" />
							<p:inputText id="correo" value="#{conveniosManagedBean.correo}" maxlength="128" style="width:95%"/>
						</h:panelGrid>
						<h:panelGrid columns="2" style="width:70%;text-align:left;" id="panelCamposImagen" columnClasses="column-template4">
							<h:outputText value="#{etq['sifeap.convenios.imagen']}" />
							<p:fileUpload fileUploadListener="#{conveniosManagedBean.subirArchivo}" 
								rendered="#{!conveniosManagedBean.archivoCargado}"
					            mode="advanced"
					            oncomplete="recargarPanelImagen()"
					            auto="true"  
					            sizeLimit="#{conf['sifeap.convenios.tamanomax']}"   
					            allowTypes="/(\.|\/)(gif|jpe?g|png|GIF|JPE?G|PNG)$/"
					            invalidFileMessage="#{msj['sifeap.convenios.archivonovalido']}"
					            invalidSizeMessage="#{msj['sifeap.convenios.tamanonovalido']}" 
					            uploadLabel="#{etq['sifeap.convenios.subir']}"
					            cancelLabel="#{etq['sifeap.convenios.cancelar']}" 
					            label="#{etq['sifeap.convenios.examinar']}" />
							<h:panelGrid columns="1" id="panelArchivos">            
						  		<p:dataTable value="#{conveniosManagedBean.listaArchivos}" widgetVar="listaArchivos" styleClass="hide-column-names no-border" rendered="#{conveniosManagedBean.archivoCargado}"
									var="archivo" id="listaArchivos" paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom" rows="100" >
									<p:column style="white-space: normal;">
										<p:commandLink id="btnMostrar"
											ajax="false"
											value="#{archivo.name}">
											<f:setPropertyActionListener target="#{conveniosManagedBean.archivoSeleccionado}" value="#{archivo}" />
											<p:fileDownload value="#{conveniosManagedBean.mostrarArchivo}" /> 
										</p:commandLink>
									</p:column>
									<p:column style="white-space: normal;">
										<p:commandLink id="btnEliminar"
											action="#{conveniosManagedBean.eliminarArchivo}"
											process="@this"
											update=":formularioBase:panelCamposImagen">
											<f:setPropertyActionListener target="#{conveniosManagedBean.archivoSeleccionado}" value="#{archivo}" />
											<h:graphicImage library="images" name="eliminarArchivo.png"
												style="width: 18; height: 18; border: 0px;"
												alt="#{etq['sifeap.eliminar']}"
												title="#{etq['sifeap.eliminar']}" />
										</p:commandLink>
									</p:column>
								</p:dataTable>
							</h:panelGrid>
						</h:panelGrid>
					
						<h:panelGrid columns="2" id="panelBoton">
							<shiro:hasPermission name="admon_convenios:crear">
								<p:commandButton actionListener="#{conveniosManagedBean.guardar}" value="#{etq['sifeap.guardar']}" update="@form, listaConvenios"/>
							</shiro:hasPermission>
							
							<p:commandButton action="#{conveniosManagedBean.limpiar}" value="#{etq['sifeap.limpiar']}" update="@form" process="@this" rendered="#{conveniosManagedBean.accion != 1}"/>
							
							<p:commandButton action="#{conveniosManagedBean.cancelar}" value="#{etq['sifeap.cancelar']}" update="@form, listaConvenios" process="@this" rendered="#{conveniosManagedBean.accion == 1}"/>
						</h:panelGrid>
					</div>
					
					<shiro:hasPermission name="admon_convenios:consultar">
						<h:panelGrid columns="1" id="resultadosPanel" style="width:100%;" rendered="#{conveniosManagedBean.mostrarResultados}">
							<p:dataTable value="#{conveniosManagedBean.listaConvenios}" widgetVar="listaConvenios"
								var="convenio" id="listaConvenios" paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom" rows="10">
								<p:column headerText="#{etq['sifeap.convenios.nombre']}" style="white-space: normal;">
									<h:outputText value="#{convenio.nombre}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.convenios.descripcion']}" style="white-space: normal;">
									<h:outputText value="#{convenio.descripcion}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.convenios.direccion']}">
									<h:outputText value="#{convenio.direccion}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.convenios.telefono']}">
									<h:outputText value="#{convenio.telefono}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.convenios.nit']}">
									<h:outputText value="#{convenio.nit}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.convenios.correo']}">
									<h:outputText value="#{convenio.correo}" />
								</p:column>
								<shiro:hasPermission name="admon_convenios:editar">
									<p:column style="text-align:center">
										<p:commandLink id="btnEditar" 
											actionListener="#{conveniosManagedBean.cargarEditar}"
											update="@form"
											process="@this"
											disabled="#{conveniosManagedBean.accion == 1}">
											<f:param value="#{convenio.idConvenio}"
												name="p_idconvenio_edit" id="p_idconvenio_edit" />
											<h:graphicImage library="images" name="editar.png"
												style="width: 18; height: 18; border: 0px;"
												alt="#{etq['sifeap.editar']}"
												title="#{etq['sifeap.editar']}" />
										</p:commandLink>
									</p:column>
								</shiro:hasPermission>
								<shiro:hasPermission name="admon_convenios:eliminar">
									<p:column style="text-align:center">
										<p:commandLink id="btnEliminar"
											actionListener="#{conveniosManagedBean.cargarEliminar}"
											oncomplete="dialogEliminar.show()" process="@this"
											disabled="#{conveniosManagedBean.accion == 1}">
											<f:param value="#{convenio.idConvenio}"
												name="p_idconvenio_elim" id="p_idconvenio_elim" />
											<h:graphicImage library="images" name="eliminar.png"
												style="width: 18; height: 18; border: 0px;"
												alt="#{etq['sifeap.eliminar']}"
												title="#{etq['sifeap.eliminar']}" />
										</p:commandLink>
									</p:column>
								</shiro:hasPermission>
							</p:dataTable>
						</h:panelGrid>
					</shiro:hasPermission>
				</p:panel>
				
				<p:confirmDialog id="dialogEliminar"
					message="#{msj['sifeap.convenios.eliminar.confirmacion']}"
					header="SIFEAP" widgetVar="dialogEliminar"
					severity="alert">
					<h:panelGroup style="display:block; text-align:center">
						<p:commandButton id="aceptarEliminar"
							value="#{etq['sifeap.aceptar']}"
							update="@form"
							onclick="dialogEliminar.hide()" process="@this"
							actionListener="#{conveniosManagedBean.eliminar}" />
	
						<p:commandButton id="cancelarEliminar"
							value="#{etq['sifeap.cancelar']}"
							action="#{conveniosManagedBean.cancelar}"
							onclick="dialogEliminar.hide()" process="@this" />
					</h:panelGroup>
				</p:confirmDialog>
				
				<p:remoteCommand name="recargarPanelImagen" update="panelCamposImagen" process="@this"/>
			</h:form>
		</shiro:hasAnyPermission>
		
		<p:panel header="#{etq['sifeap.convenios.titulo']}" style="width:100%; text-align:left;" rendered="#{!conveniosManagedBean.tienePermisos}">
			<ui:include src="/templates/denegado.xhtml" />
		</p:panel>

	</ui:define>
</ui:composition>
